<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>极速问诊</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <a href="#">
            <span class="iconfont icon-left"></span>
        </a>
        <h3>极速问诊</h3>
        <a href="#">
            <span class="note">问诊记录</span>
        </a>
    </header>

    <!-- banner -->
    <div class="banner">
        <img src="./assets//entry.png" alt="">
        <p><span>20秒</span> 快速匹配专业医生</p>
    </div>

    <div class="type">
        <ul>
            <li>
                <a href="#">
                    <div class="pic"><img src="./assets/type01.png" alt=""></div>
                    <div class="txt">
                        <h4>三甲图文问诊</h4>
                        <p>三甲主治及以上级别医生</p>
                    </div>
                    <div class="iconfont icon-right"></div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="pic"><img src="./assets/type02.png" alt=""></div>
                    <div class="txt">
                        <h4>普通图文问诊</h4>
                        <p>二甲主治及以上级别医生</p>
                    </div>
                    <div class="iconfont icon-right"></div>
                </a>
            </li>
        </ul>
    </div>

    <!-- 移动适配 -->
    <script src="./js/flexible.js"></script>
</body>
</html>
